<template>
  <zl-crud table-key="user-table" :option="crudOption" :btn-list="btnList" :operation="operation" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { ZlCrud } from '@zl-crud/components'
import '@zl-crud/components/crud/style/index'

const crudOption = ref({
  headTitle: '用户管理',
  isAddBtn: true,
  mock: true,
  mockTemplate: { id: '@id', name: '@cname', age: '@integer(18, 60)', email: '@email' },
  AvueOption: {
    column: [
      { label: '姓名', prop: 'name', search: true },
      { label: '年龄', prop: 'age' },
      { label: '邮箱', prop: 'email' },
    ],
  },
})

const btnList = ref([])

const operation = ref([])
</script>
